<template>
  <div class="w-8/12 my-1 mx-auto">
    <Button />
    <Link />
    <Text />
    <Cascader />
    <Checkbox />
    <DatePicker />
    <Form />
    <Input />
    <Radio />
    <Rate />
    <Select />
    <Slider />
    <Switch />
    <TimePicker />
    <Transfer />
    <Upload />
    <Avatar />
    <Badge />
    <Calendar />
    <Carousel />
    <Collapse />
    <Description />
    <Empty />
    <Image />
    <Pagination />
    <Progress />
    <Result />
    <Skeleton />
    <Table />
    <Tag />
    <Timeline />
    <Tour />
    <Tree />
    <Statistic />
    <Breadcrumb />
    <Dropdown />
    <Menu />
    <PageHeader />
    <Steps />
    <Tabs />
    <Alert />
    <Dialog />
    <Drawer />
    <Loading />
    <Message />
    <Notification />
    <Popconfirm />
    <Popover />
    <Tooltip />
    <Divider />
    <Watermark />
  </div>
</template>
<script lang="ts" setup>
import Button from './components/base/Button.vue'
import Link from './components/base/Link.vue'
import Text from './components/base/Text.vue'
import Cascader from './components/form/Cascader.vue'
import Checkbox from './components/form/Checkbox.vue'
import DatePicker from './components/form/DatePicker.vue'
import Form from './components/form/Form.vue'
import Input from './components/form/Input.vue'
import Radio from './components/form/Radio.vue'
import Rate from './components/form/Rate.vue'
import Select from './components/form/Select.vue'
import Slider from './components/form/Slider.vue'
import Switch from './components/form/Switch.vue'
import TimePicker from './components/form/TimePicker.vue'
import Transfer from './components/form/Transfer.vue'
import Upload from './components/form/Upload.vue'
import Avatar from './components/data/Avatar.vue'
import Badge from './components/data/Badge.vue'
import Calendar from './components/data/Calendar.vue'
import Carousel from './components/data/Carousel.vue'
import Collapse from './components/data/Collapse.vue'
import Description from './components/data/Description.vue'
import Empty from './components/data/Empty.vue'
import Image from './components/data/Image.vue'
import Pagination from './components/data/Pagination.vue'
import Progress from './components/data/Progress.vue'
import Result from './components/data/Result.vue'
import Skeleton from './components/data/Skeleton.vue'
import Table from './components/data/Table.vue'
import Tag from './components/data/Tag.vue'
import Timeline from './components/data/Timeline.vue'
import Tour from './components/data/Tour.vue'
import Tree from './components/data/Tree.vue'
import Statistic from './components/data/Statistic.vue'
import Breadcrumb from './components/navigation/Breadcrumb.vue'
import Dropdown from './components/navigation/Dropdown.vue'
import Menu from './components/navigation/Menu.vue'
import PageHeader from './components/navigation/PageHeader.vue'
import Steps from './components/navigation/Steps.vue'
import Tabs from './components/navigation/Tabs.vue'
import Alert from './components/feedback/Alert.vue'
import Dialog from './components/feedback/Dialog.vue'
import Drawer from './components/feedback/Drawer.vue'
import Loading from './components/feedback/Loading.vue'
import Message from './components/feedback/Message.vue'
import Notification from './components/feedback/Notification.vue'
import Popconfirm from './components/feedback/Popconfirm.vue'
import Popover from './components/feedback/Popover.vue'
import Tooltip from './components/feedback/Tooltip.vue'
import Divider from './components/others/Divider.vue'
import Watermark from './components/others/Watermark.vue'
</script>
